<div class="layui-card-body padding-left-40" style="overflow-scrolling: auto">

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户账号</b></legend>
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs3">
                    <label class="block relative">
                        <span class="color-green font-w7">用户姓名</span>
                        <span class="color-desc margin-left-5">Login Username</span>
                        <input disabled value='{$vo.name|default="暂未填写"}' required
                               class="layui-input border-bottom-line">
                        <span class="help-block">用户姓名</span>
                    </label>
                </div>
                <div class="layui-col-xs3">
                    <label class="relative block">
                        <span class="color-green font-w7">联系手机</span><span class="color-desc margin-left-5">Contact Mobile</span>
                        <input type="tel" disabled maxlength="11" value='{$vo.tel|default=""}'
                               pattern="^1[3-9][0-9]{9}$" class="layui-input">
                        <span class="color-desc">用户常用的联系手机号</span>
                    </label>
                </div>
                <div class="layui-col-xs3">
                    <label class="relative block">
                        <span class="color-green font-w7">房屋</span><span class="color-desc margin-left-5">SEX</span>
                        <input disabled value='{$vo.house|default="暂未填写"}'
                               class="layui-input">
                        <span class="color-desc">房屋</span>
                    </label>
                </div>
                <div class="layui-col-xs3">
                    <label class="relative block">
                        <span class="color-green font-w7">操作时间</span><span
                            class="color-desc margin-left-5">Create Time</span>
                        <input disabled value='{$vo.create_time|date="Y-m-d H:i:s"}' class="layui-input">
                        <span class="color-desc">用户操作时间</span>
                    </label>
                </div>
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">问卷调查详情</b></legend>
        <div class="layui-row layui-col-space15">

            <table class="layui-table margin-top-10" lay-skin="line" style="table-layout:fixed;">
                <thead>
                <tr>
                    <th width="" style=" word-break:break-all;overflow:hidden;" class='text-center'>问题</th>
                    <th width="" style=" word-break:break-all;overflow:hidden;" class='text-center'>类型</th>
                    <th width="" style=" word-break:break-all;overflow:hidden;" class='text-center'>答案</th>
                    <th width="" style=" word-break:break-all;overflow:hidden;" class='text-center'>选择项</th>
                </tr>
                </thead>
                <tbody>
                {foreach $vo.result as $key=>$v}
                <tr>
                    <td class="text-center"
                        style=" word-break:break-all;overflow:hidden;">
                        {$v.name|default=""}
                    </td>
                    <td class="text-center"
                        style=" word-break:break-all;overflow:hidden;">
                        {$v.type|getQuestionType}
                    </td>
                    <td class="text-center"
                        style=" word-break:break-all;overflow:hidden;">
                        {$v.select|default=""}
                    </td>
                    <td class="text-center"
                        style=" word-break:break-all;overflow:hidden;">
                        {$v.radio|default=""}
                    </td>
                </tr>
                {/foreach}
                </tbody>
            </table>
        </div>
    </fieldset>
</div>

<script>
    layui.form.render();
    $('#UserForm').parent().css('overflow', 'revert');
</script>